<template>
  <view class="hello-wrap">
    <button plain class="hello-btn" @click="handleClick">Hello in {{from}}</button>
  </view>
</template>
<script>
  export default {
    config: {},

    props: {
      from: String
    },

    components: {},

    data: {},

    methods: {
      handleClick() {
        this.$emit('hello', {from: this.from});
      }
    }
  };
</script>
<style lang="less">
  .hello-wrap {
    padding: 20px;
    margin: 20px 0;
  }
</style>
